<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为专区</title>
    <link rel="stylesheet" href="css.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>
    <div id="main">
        <!-- head-start -->
        <div id="head">
            <div id="head-logo">
                <a href=""><img src="image/logo.png" alt=""></a>
            </div>
            <div id="head-nav">
                <div class="line-nav-1"></div>
                <div class="line-nav-2"></div>
                <div class="line-nav-3"></div>
                <div class="line-nav-4"></div>
                <div class="line-nav-5"></div>
                <div class="line-nav-6"></div>
                <div class="line-nav-7"></div>
                <table id="nav-table" cellpadding=10px>
                    <tr class="tr1">
                        <td class="td-1" id="td-1">
                            手机
                            <div class="visdiv"></div>
                            <div class="hidden">
                                <div class="hid-nav hid-1">
                                    <table>
                                        <tr>
                                            <td><a href="">全部手机</a></td>
                                            <td><i class="fa fa-angle-right" aria-hidden="true"
                                                    style="color: gray;"></i></td>
                                            <td><a href="">HUAWEI Mate系列</a></td>
                                            <td><a href="">HUAWEI P系列</a></td>
                                            <td><a href="">HUAWEI nova系列</a></td>
                                            <td><a href="">华为畅享系列</a></td>
                                        </tr>
                                    </table>
                                    <!-- <a href="">全部手机</a>
                                    <a href="">HUAWEI Mate系列</a>
                                    <a href="">HUAWEI P系列</a>
                                    <a href="">HUAWEI nova系列</a>
                                    <a href="">华为畅享系列</a> -->
                                </div>
                                <div class="hid-img">
                                    <table align="left">
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/手机/1.png" alt=""></td>
                                            <td><img src="image/head-nav/手机/2.png" alt=""></td>
                                            <td><img src="image/head-nav/手机/3.png" alt=""></td>
                                            <td><img src="image/head-nav/手机/4.png" alt=""></td>
                                            <td><img src="image/head-nav/手机/5.png" alt=""></td>
                                            <td><img src="image/head-nav/手机/6.png" alt=""></td>
                                            <td><img src="image/head-nav/手机/7.png" alt=""></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td><a href="">HUAWEI Mate 40</a></td>
                                            <td><a href="">HUAWEI Mate 40 <br>Pro</a></td>
                                            <td><a href="">HUAWEI Mate 40 <br>RS保时捷设计</a></td>
                                            <td><a href="">HUAWEI Mate <br>40 Pro+</a></td>
                                            <td><a href="">HUAWEI P40 5G</a></td>
                                            <td><a href="">HUAWEI P40 Pro<br> 5G</a></td>
                                            <td><a href="">HUAWEI nova 8</a></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥4999</td>
                                            <td>￥6999</td>
                                            <td>￥12999</td>
                                            <td>￥8999</td>
                                            <td>￥4488</td>
                                            <td>￥5988</td>
                                            <td>￥3299</td>
                                        </tr>
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/手机/8.png" alt=""></td>
                                            <td><img src="image/head-nav/手机/9.png" alt=""></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td><a href="">HUAWEI nova<br> 8 Pro</a></td>
                                            <td><a href="">华为畅享20 SE</a></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥3999</td>
                                            <td>￥1499</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td class="td-2">
                            手表手环
                            <div class="hidden">
                                <div class="hid-nav" align="left">
                                    <table>
                                        <tr>
                                            <td><a href="">全部手环手表</a></td>
                                            <td><i class="fa fa-angle-right" aria-hidden="true"
                                                    style="color: gray;"></i></td>
                                            <td><a href="">智能手表</a></td>
                                            <td><a href="">儿童手表</a></td>
                                            <td><a href="">智能手环</a></td>
                                            <td><a href="">穿戴配件</a></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="hid-img">
                                    <table align="left">
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/手表手环/1.png" alt=""></td>
                                            <td><img src="image/head-nav/手表手环/2.png" alt=""></td>
                                            <td><img src="image/head-nav/手表手环/3.png" alt=""></td>
                                            <td><img src="image/head-nav/手表手环/4.png" alt=""></td>
                                            <td><img src="image/head-nav/手表手环/5.png" alt=""></td>
                                            <td><img src="image/head-nav/手表手环/6.png" alt=""></td>
                                            <td><img src="image/head-nav/手表手环/7.png" alt=""></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td class="link-td"><a href="">HUAWEI WATCH <br>GT 2 Pro</a></td>
                                            <td><a href="">HUAWEI WATCH <br>FIT</a></td>
                                            <td><a href="">HUAWEI WATCH <br>GT 2</a></td>
                                            <td><a href="">华为手环 B6</a></td>
                                            <td><a href="">华为儿童手表 3<br>Pro</a></td>
                                            <td><a href="">华为智能体脂秤 2<br>Pro</a></td>
                                            <td><a href="">华为手环 6</a></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥2388</td>
                                            <td>￥799</td>
                                            <td>￥1488</td>
                                            <td>￥1499</td>
                                            <td>￥798</td>
                                            <td>￥499</td>
                                            <td>￥269</td>
                                        </tr>
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/手表手环/8.png" alt=""></td>
                                            <td><img src="image/head-nav/手表手环/9.png" alt=""></td>
                                            <td><img src="image/head-nav/手表手环/10.png" alt=""></td>
                                            <td><img src="image/head-nav/手表手环/11.png" alt=""></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td><a href="">华为WATCH GT 2<br>保时捷设计款</a></td>
                                            <td><a href="">华为手环 4 pro</a></td>
                                            <td><a href="">华为手环 4</a></td>
                                            <td><a href="">华为儿童手表 4X</a></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥3999</td>
                                            <td>￥1499</td>
                                            <td>￥199</td>
                                            <td>￥1398</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td class="td-3">
                            耳机音响
                            <div class="hidden">
                                <div class="hid-nav" align="left">
                                    <table>
                                        <tr>
                                            <td><a href="">全部耳机音箱</a></td>
                                            <td><i class="fa fa-angle-right" aria-hidden="true"
                                                    style="color: gray;"></i></td>
                                            <td><a href="">真无线耳机</a></td>
                                            <td><a href="">蓝牙耳机</a></td>
                                            <td><a href="">有线耳机</a></td>
                                            <td><a href="">智能音箱</a></td>
                                            <td><a href="">蓝牙音箱</a></td>
                                            <td><a href="">智能眼镜</a></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="hid-img">
                                    <table align="left">
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/耳机音箱/1.png" alt=""></td>
                                            <td><img src="image/head-nav/耳机音箱/2.png" alt=""></td>
                                            <td><img src="image/head-nav/耳机音箱/3.png" alt=""></td>
                                            <td><img src="image/head-nav/耳机音箱/4.png" alt=""></td>
                                            <td><img src="image/head-nav/耳机音箱/5.png" alt=""></td>
                                            <td><img src="image/head-nav/耳机音箱/6.png" alt=""></td>
                                            <td><img src="image/head-nav/耳机音箱/7.png" alt=""></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td class="link-td"><a href="">HUAWEI FreeBuds<br>Pro 无线耳机</a></td>
                                            <td><a href="">HUAWEI FreeBuds<br>3 无线耳机</a></td>
                                            <td><a href="">HUAWEI FreeLace <br>Pro 无线耳机</a></td>
                                            <td><a href="">HUAWEI FreeLace <br>无线耳机</a></td>
                                            <td><a href="">HUAWEI Sound X<br>智能音箱</a></td>
                                            <td><a href="">华为经典耳机<br>（USB Type-c版）</a></td>
                                            <td><a href="">华为AM115耳机</a></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥999</td>
                                            <td>￥949</td>
                                            <td>￥519</td>
                                            <td>￥419</td>
                                            <td>￥1999</td>
                                            <td>￥99</td>
                                            <td>￥49</td>
                                        </tr>
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/耳机音箱/8.png" alt=""></td>
                                            <td><img src="image/head-nav/耳机音箱/9.png" alt=""></td>
                                            <td><img src="image/head-nav/耳机音箱/10.png" alt=""></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td><a href="">华为AM116半入耳<br>式耳机</a></td>
                                            <td><a href="">华为 AI 音箱 2</a></td>
                                            <td><a href="">HUAWEI Sound</a></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥89</td>
                                            <td>￥299</td>
                                            <td>￥999</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td class="td-4">
                            智慧屏
                            <div class="hidden-1">
                                <div class="hid-nav" align="left">
                                    <table>
                                        <tr>
                                            <td><a href="">全部智慧屏</a></td>
                                            <td><i class="fa fa-angle-right" aria-hidden="true"
                                                    style="color: gray;"></i></td>
                                            <td><a href="">华为智慧屏V系列</a></td>
                                            <td><a href="">华为智慧屏S系列</a></td>
                                            <td><a href="">华为智慧屏X系列</a></td>
                                            <td><a href="">智慧屏配件</a></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="hid-img">
                                    <table align="left">
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/智慧屏/1.png" alt=""></td>
                                            <td><img src="image/head-nav/智慧屏/2.png" alt=""></td>
                                            <td><img src="image/head-nav/智慧屏/3.png" alt=""></td>
                                            <td><img src="image/head-nav/智慧屏/4.png" alt=""></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td><a href="">华为智慧屏</a></td>
                                            <td><a href="">智慧屏V系列 <br>2021款</a></td>
                                            <td><a href="">智慧屏S系列</a></td>
                                            <td><a href="">智慧屏 X65</a></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥7499</td>
                                            <td>￥7999</td>
                                            <td>￥4999</td>
                                            <td>￥24999</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td class="td-5">
                            笔记本/平板
                            <div class="hidden">
                                <div class="hid-nav" align="left">
                                    <table>
                                        <tr>
                                            <td><a href="">全部笔记本/平板</a></td>
                                            <td><i class="fa fa-angle-right" aria-hidden="true"
                                                    style="color: gray;"></i></td>
                                            <td><a href="">华为MateBook X 系列</a></td>
                                            <td><a href="">华为MateBook系列</a></td>
                                            <td><a href="">华为MateBook D 系列</a></td>
                                            <td><a href="">华为MateBook B 系列</a></td>
                                            <td><a href="">华为显示器</a></td>
                                            <td><a href="">华为MatePad 系列</a></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="hid-img">
                                    <table align="left">
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/笔记本平板/1.png" alt=""></td>
                                            <td><img src="image/head-nav/笔记本平板/2.png" alt=""></td>
                                            <td><img src="image/head-nav/笔记本平板/3.png" alt=""></td>
                                            <td><img src="image/head-nav/笔记本平板/4.jpg" alt=""></td>
                                            <td><img src="image/head-nav/笔记本平板/5.png" alt=""></td>
                                            <td><img src="image/head-nav/笔记本平板/6.png" alt=""></td>
                                            <td><img src="image/head-nav/笔记本平板/7.png" alt=""></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td><a href="">MateBook X Pro<br>2021款</a></td>
                                            <td><a href="">MateBook X 2020款</a></td>
                                            <td><a href="">HUAWEI 蓝牙鼠标<br>（灰色）</a></td>
                                            <td><a href="">HUAWEI MateBook <br>X 笔记本内胆包</a></td>
                                            <td><a href="">HUAWEI 风范双肩包</a></td>
                                            <td><a href="">MatePad Pro <br>10.8英寸</a></td>
                                            <td><a href="">MatePad 5G <br>10.4英寸</a></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥9999</td>
                                            <td>￥8999</td>
                                            <td>￥179</td>
                                            <td>￥199</td>
                                            <td>￥699</td>
                                            <td>￥3299</td>
                                            <td>￥3199</td>
                                        </tr>
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/笔记本平板/8.png" alt=""></td>
                                            <td><img src="image/head-nav/笔记本平板/9.png" alt=""></td>
                                            <td><img src="image/head-nav/笔记本平板/10.png" alt=""></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td><a href="">MatePad 10.8英寸</a></td>
                                            <td><a href="">华为平板M6 <br>8.4英寸</a></td>
                                            <td><a href="">MateBook X Pro<br>2020款</a></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥2399</td>
                                            <td>￥1799</td>
                                            <td>￥12999</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td class="td-6">
                            华为智选
                            <div class="hidden">
                                <div class="hid-nav" align="left">
                                    <table>
                                        <tr>
                                            <td><a href="">全部华为智选</a></td>
                                            <td><i class="fa fa-angle-right" aria-hidden="true"
                                                    style="color: gray;"></i></td>
                                            <td><a href="">华为智选</a></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="hid-img">
                                    <table align="left">
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/华为智选/1.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/2.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/3.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/4.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/5.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/6.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/7.png" alt=""></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td><a href="">华为智选 海雀智能<br>摄像头Pro</a></td>
                                            <td><a href="">华为智选 海雀AI<br>摄像头云台超清版</a></td>
                                            <td><a href="">力博得智能声波牙刷<br>优漾</a></td>
                                            <td><a href="">720全效空气净化器<br>EP500</a></td>
                                            <td><a href="">华为智选 智能水杯</a></td>
                                            <td><a href="">360扫地机器人X90</a></td>
                                            <td><a href="">亿健精灵S7智能跑步机</a></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥299</td>
                                            <td>￥199</td>
                                            <td>￥179</td>
                                            <td>￥1249</td>
                                            <td>￥149</td>
                                            <td>￥1799</td>
                                            <td>￥1999</td>
                                        </tr>
                                        <tr class="img-src">
                                            <td><img src="image/head-nav/华为智选/8.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/9.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/10.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/11.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/12.png" alt=""></td>
                                            <td><img src="image/head-nav/华为智选/13.png" alt=""></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link">
                                            <td><a href="">欧普智能台灯2S</a></td>
                                            <td><a href="">九阳智能恒温电水壶</a></td>
                                            <td><a href="">新秀丽智能商务旅行箱</a></td>
                                            <td><a href="">力博得智能声波牙刷2S</a></td>
                                            <td><a href="">720全效空气净化器<br>1Pro</a></td>
                                            <td><a href="">正泰智能快充插排</a></td>
                                            <td></td>
                                        </tr>
                                        <tr class="img-link-1">
                                            <td>￥179</td>
                                            <td>￥199</td>
                                            <td>￥3080</td>
                                            <td>￥119</td>
                                            <td>￥2299</td>
                                            <td>￥149</td>
                                            <td></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td class="td-7"><a href="" class="loginOrLogout"></a></td>
                    </tr>
                </table>
            </div>
            <div id="head-search">
                <!-- <input class="search-input" type="" value="         HUAWEI P40       HUAWEI FreeBuds Pro"> -->
                <input type="text" name="q" title="Search" class="search-input" id="searchinput"
                    value="         HUAWEI P40       HUAWEI FreeBuds Pro" onkeydown="if (event.keyCode==20) {}"
                    onblur="if(this.value=='')value='         HUAWEI P40       HUAWEI FreeBuds Pro';"
                    onfocus="if(this.value=='         HUAWEI P40       HUAWEI FreeBuds Pro')value='';"
                    value="         HUAWEI P40       HUAWEI FreeBuds Pro" />
                <div class="search-button">
                    <i class="fa fa-search" aria-hidden="true"></i>
                </div>
            </div>
        </div>
        <!-- head-end -->

        <!-- LBT-start -->
        <div class="box-stop"></div>
        <div class="box">
            <ul class="ul1" id="ul1">
                <li><img src="image/轮播图/1.jpg" alt=""></li>
                <li><img src="image/轮播图/2.jpg" alt=""></li>
                <li><img src="image/轮播图/3.jpg" alt=""></li>
                <li><img src="image/轮播图/4.jpg" alt=""></li>
                <li><img src="image/轮播图/5.jpg" alt=""></li>
                <li><img src="image/轮播图/6.jpg" alt=""></li>
            </ul>
            <div class="left-botton indexs" id="left-botton">&lt;</div>
            <div class="right-botton indexs" id="right-botton">&gt;</div>
            <div class="div-ul2 indexs"></div>
            <ul class="ul2 indexs" id="ul2">
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
                <li>
                    <div></div>
                </li>
            </ul>
        </div>
        <!-- LBT-end -->

        <!-- nav-start -->
        <div class="nav" id="nav">
            <ul>
                <li><a href="#j1">&nbsp;618预售</a></li>
                <li><a href="#j2">爆款推荐</a></li>
                <li><a href="#j3">运动健康</a></li>
                <li><a href="#j4">移动办公</a></li>
                <li><a href="#j5">拼团钜惠</a></li>
            </ul>
        </div>
        <div class="vis-block"></div>
        <!-- nav-end -->

        <!-- context-start -->
        <div class="click">

            <!-- 618预售 -->
            <span id="j1" style="position: absolute;top: -50px;left: 0;"></span>
            <div class="tit ti1" id="ti1"><img src="image/body-nav/0.png" alt=""></div>
            <div class="table-j tb1">
                <table>
                    <tr>
                        <td>
                            <div class="yy">
                                <div class="img-show c-1" onclick="changeColorAndChk1();" id="01" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <!-- <i class="fa fa-circle-o fa-2x" aria-hidden="true"></i> -->
                                    <img src="image/分类展示/618预售/1.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="01"
                                        value="HUAWEI FreeBuds 4 $999">

                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">HUAWEI FreeBuds 4</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">主动降噪|通话降噪</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>999</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-2" onclick="changeColorAndChk2();" id="02" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/618预售/2.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="02" value="华为智慧屏 $4299">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为智慧屏</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">1300万AI慧眼</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>4299</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-3" onclick="changeColorAndChk3();" id="03" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/618预售/3.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="03" value="HUAWEI MateView $4699">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">HUAWEI MateView</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">电影级色域 10.7亿色彩</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>4699</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-4" onclick="changeColorAndChk4();" id="04" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/618预售/4.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="04" value="华为儿童手表 4X 新耀款 $1398">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为儿童手表 4X 新耀款</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">双摄视频通话 50米防水</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>1398</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="yy">
                                <div class="img-show c-5" onclick="changeColorAndChk5();" id="05" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/618预售/5.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="05" value="华为智能体脂秤 3 Pro $499">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为智能体脂秤 3 Pro</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">肝脏脂肪检测</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>499</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-6" onclick="changeColorAndChk6();" id="06" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/618预售/6.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="06" value="华为路由H6 $1999">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为路由H6</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">全屋Wi-Fi</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>1999</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-7" onclick="changeColorAndChk7();" id="07" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/618预售/7.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="07"
                                        value="HUAWEI MateView GT $3599">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">HUAWEI MateView GT</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">WQHD超清分辨率</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>3599</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-8" onclick="changeColorAndChk8();" id="08" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/618预售/8.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="08" value="华为智慧屏V系列 2021款 $5499">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为智慧屏V系列 2021款</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">2400万超广角AI慧眼</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>5499</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <div class="G1" id="GG"><img src="image/分类展示/618预售/GG.jpg" alt=""></div>
            </div>

            <!-- 爆款推荐 -->
            <span id="j2" style="position: absolute;top: 900px;left: 0;"></span>
            <div class="tit ti2" id="ti2"><img src="image/body-nav/2.png" alt=""></div>
            <div class="table-j tb2">
                <table>
                    <tr>
                        <td>
                            <div class="yy">
                                <div class="img-show c-9" onclick="changeColorAndChk9();" id="09" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/爆款推荐/1.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="09" value="华为路由H6 $1999">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为路由H6</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">大户型路由首选</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>1999</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-10" onclick="changeColorAndChk10();" id="10" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/爆款推荐/2.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="10"
                                        value="HUAWEI Mate 40 Pro $6499">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">HUAWEI Mate 40 Pro</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">超感知莱卡电源影像</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>6499</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-11" onclick="changeColorAndChk11();" id="11" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/爆款推荐/3.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="11" value="HUAWEI WATCH FIT $999">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">HUAWEI WATCH FIT</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">全天候血氧检测|10天长续航</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>999</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-12" onclick="changeColorAndChk12();" id="12" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/爆款推荐/4.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="12" value="HUAWEI P40 Pro+ $7988">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">HUAWEI P40 Pro+</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">徕卡五摄</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>7988</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="yy">
                                <div class="img-show c-13" onclick="changeColorAndChk13();" id="13" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/爆款推荐/5.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="13"
                                        value="FreeBuds Pro 无线耳机 $1099">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">FreeBuds Pro 无线耳机</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">主动降噪|人声透传</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>1099</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-14" onclick="changeColorAndChk14();" id="14" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/爆款推荐/6.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="14" value="华为智选屏 $5999">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为智选屏</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">4K超高清全面屏|多方视频通话</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>5999</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-15" onclick="changeColorAndChk15();" id="15" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/爆款推荐/7.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="15"
                                        value="Mate 40 RS保时捷设计 $10999">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">Mate 40 RS保时捷设计</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2"></td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>10999</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-16" onclick="changeColorAndChk16();" id="16" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/爆款推荐/8.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="16" value="华为儿童手表 3 Pro $798">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为儿童手表 3 Pro</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">享3期免息</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>798</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <div class="G2"><img src="image/分类展示/爆款推荐/GG.png" alt=""></div>
            </div>


            <!-- 运动健康 -->
            <span id="j3" style="position: absolute;top: 1950px;left: 0;"></span>
            <div class="tit ti3" id="ti3"><img src="image/body-nav/3.png" alt=""></div>
            <div class="table-j tb3">
                <table>
                    <tr>
                        <td>
                            <div class="yy">
                                <div class="img-show c-17" onclick="changeColorAndChk17();" id="17" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/运动健康/1.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="17"
                                        value="华为WATCH GT 2 Pro $2388">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为WATCH GT 2 Pro</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">蓝宝石镜面|钛合金表体</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>2388</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-18" onclick="changeColorAndChk18();" id="18" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/运动健康/2.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="18" value="华为手环 B6 $999">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为手环 B6</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">智能通话手环</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>999</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-19" onclick="changeColorAndChk19();" id="19" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/运动健康/3.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="19" value="亿健精灵S7智能跑步机 $1999">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">亿健精灵S7智能跑步机</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">全折叠设计</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>1999</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-20" onclick="changeColorAndChk20();" id="20" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/运动健康/4.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="20" value="华为智能体脂秤 2 Pro $499">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为智能体脂秤 2 Pro</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">全方位体成分报告</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>499</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="yy">
                                <div class="img-show c-21" onclick="changeColorAndChk21();" id="21" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/运动健康/5.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="21" value="华为儿童手表 4X $1398">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为儿童手表 4X</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">高清双摄|双频11重定位</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>1398</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-22" onclick="changeColorAndChk22();" id="22" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/运动健康/6.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="22" value="华为儿童手表 3 Pro $798">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为儿童手表 3 Pro</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">高清拍照|九重定位</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>798</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-23" onclick="changeColorAndChk23();" id="23" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/运动健康/7.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="23" value="儿童手表 3 Pro 超能版 $988">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">儿童手表 3 Pro 超能版</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">4G全网通|高清视频通话</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>988</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-24" onclick="changeColorAndChk24();" id="24" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/运动健康/8.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="24" value="华为手环 4 Pro $399">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为手环 4 Pro</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">炫彩表盘|NFC智能刷卡</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>399</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <div class="G3"><img src="image/分类展示/运动健康/GG.png" alt=""></div>
            </div>

            <!-- 移动办公 -->
            <span id="j4" style="position: absolute;top: 2950px;left: 0;"></span>
            <div class="tit ti4" id="ti4"><img src="image/body-nav/1.png" alt=""></div>
            <div class="table-j tb4">
                <table>
                    <tr>
                        <td>
                            <div class="yy">
                                <div class="img-show c-25" onclick="changeColorAndChk25();" id="25" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/移动办公/1.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="25"
                                        value="HUAWEI nova 8 Pro $3999">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">HUAWEI nova 8 Pro
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">Vlog 视频双镜头</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>3999</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-26" onclick="changeColorAndChk26();" id="26" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/移动办公/2.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="26" value="HUAWEI P40 Pro+ $7988">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">HUAWEI P40 Pro+</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">100倍双目变焦</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>7988</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-27" onclick="changeColorAndChk27();" id="27" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/移动办公/3.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="27" value="FreeBuds 3 无线耳机 $899">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">FreeBuds 3 无线耳机</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">半开放式主动降噪|麒麟A1芯片</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>899</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-28" onclick="changeColorAndChk28();" id="28" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/移动办公/4.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="28" value="HUAWEI WATCH FIT $799">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">HUAWEI WATCH FIT</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">轻薄全彩大屏</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>799</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="yy">
                                <div class="img-show c-29" onclick="changeColorAndChk29();" id="29" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/移动办公/5.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="29" value="Sound X 智能音箱 $1999">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">Sound X 智能音箱</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">帝瓦雷60W双低音炮</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>1999</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-30" onclick="changeColorAndChk30();" id="30" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/移动办公/6.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="30" value="华为智选 达伦智能台灯2 $179">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为智选 达伦智能台灯2</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">无频闪蓝光危害</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>179</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-31" onclick="changeColorAndChk31();" id="31" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/移动办公/7.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="31" value="720全效空气净化器C400 $869">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">720全效空气净化器C400</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">UVC深紫外灭菌</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>869</b> 起</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="yy">
                                <div class="img-show c-32" onclick="changeColorAndChk32();" id="32" title="加入购物车">
                                    <i class="fa fa-check-circle-o fa-3x trans o-1" aria-hidden="true"></i>
                                    <img src="image/分类展示/移动办公/8.png" alt="">
                                    <input type="checkbox" name="chk" class="chk" id="32" value="华为平板 M5 青春版 $1599">
                                </div>
                                <div class="text">
                                    <table class="img-text">
                                        <tr>
                                            <td class="text-1">华为平板 M5 青春版</td>
                                        </tr>
                                        <tr>
                                            <td class="text-2">智慧语音声控学生平板</td>
                                        </tr>
                                        <tr>
                                            <td class="text-3">￥<b>1599</b></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <div class="G4"><img src="image/分类展示/移动办公/GG.png" alt=""></div>
            </div>

            <!-- 拼团钜惠 -->
            <span id="j5" style="position: absolute;top: 4030px;left: 0;"></span>
            <div class="tit ti5" id="ti5"><img src="image/body-nav/6.png" alt=""></div>
            <div class="table-j tb5">
                <div class="G5"><img src="image/分类展示/拼团钜惠/GG.png" alt=""></div>
                <div class="G6"><img src="image/分类展示/拼团钜惠/售后.png" alt=""></div>
            </div>
            <a href="#main">
                <div class="toTop">
                    <p>返回顶部&nbsp;↑</p>
                </div>
            </a>
        </div>
        <!-- context-end -->

        <!-- cart-start -->
        <div class="cart">
            <i class="fa fa-shopping-cart fa-2x" aria-hidden="true" onclick="opencart();"></i>
            <div class="Point">
                <p>0</p>
            </div>
        </div>
        <div class="up">
            <a href="#main"> <i class="fa fa-chevron-up fa-2x" aria-hidden="true"></i></a>
        </div>
        <div class="body-b"></div>
        <div class="cart-div">
            <div class="cart-exit">
                <i class="fa fa-times fa-2x" aria-hidden="true" onclick="exitcart();"></i>
            </div>
            <div class="piao">小票</div>
            <ul class="cart-show">
            </ul>
            <!-- <div class="price"><p>合计：0.0 人民币</p></div> -->
        </div>
        <!-- cart-end -->

        <!-- footer-start -->
        <div class="foot" onclick="addAllGoodsInCart();">
            <div>
                <br><br>作者：麦梓毅 软件工程192&nbsp;&nbsp; | &nbsp;&nbsp;2021年5月20日&nbsp;&nbsp; | &nbsp;&nbsp;广州交通大学
                信息与通信工程学院&nbsp;&nbsp; |
                &nbsp;&nbsp;Cookies
            </div>
            <div>
                参考URL：https://sale.vmall.com/huaweizone.html?cid=10618#part-2
            </div>
        </div>
        <!-- footer-end -->
    </div>
</body>

</html>

<script src="js.js"></script>